<template>
  <div class="left">
    <!-- 
      组件文件命名，应该是多次格式：
      1.myLeft.vue
      2.MyLeft.vue
      3.my-left.vue
      如果组件文件名只有一个词，不符合规范，也可以在js代码中，通过定义name来解决问题
     -->
     <art-list></art-list>
  </div>
</template>

<script>
export default {
// <!-- 将大驼峰的MyLeft，写成全小写格式，遇到大写字母，前面加一个中横线 -->
  name:'my-left',
  data(){
    return{}
  },
  methods:{},
  computed:{},
  watch:{}
}
</script>
<style>
.left {
  height: 200px;
  background-color: hotpink;
}
</style>

